<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include file="../../../attr.jsp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>库存查询</title>
		<link rel="stylesheet" href="css/H-ui.min.css" />
		<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
		<style type="text/css">
			.product_inventory>p>a{font-size: 14px;margin-left: 15px;color: #62affc;}
			.product_inventory{padding-left:0;padding-right:0;width: 1000px;height: 700px;background: #f8f8f8;margin:20px auto;}
		    .product_inventory>p{display: flex;height: 50px;line-height: 50px;border-bottom: 1px solid #efefef;margin-bottom: 0;}
		    .tableDiv{width: 1000px;height: 550px;background: #FFFFFF;overflow-y: auto;}
		    .state{height: 70px;border-bottom: 1px solid #efefef;display: flex;justify-content: space-between;line-height: 70px;background: #FFFFFF;}
		    .state .img2{width: 100%;display: inline-block;}
		    .search{position: relative;}
		    .search input{padding-left:30px;height: 20px;border:1px solid #dddddd;border-radius: 10px;}
		    .search img{display: inline-block;width: 15%;position: absolute;left:0;top:24px}
		
		</style>
	</head>
	<body>
		<div class="container product_inventory">
			<p>
				<a href="index.html">返回</a>
				<span style="text-indent: 35em;" id="showSpen">库存查询</span>
			</p>
			<div class="state">
				<p>
					<img src="img/sx.png" alt="" class="img2"/>
				</p>
				<p class="search">
				   <input type="text" name="" id="" placeholder="仓库名称"/>
				   <img src="img/search.png"/>
				</p>
			</div>
			<div class="tableDiv">
				<table class="table table-border" id="pr_table">
					<thead>
						<tr>
							<td><input type="checkbox"  id="checkbox-1"/></td>
							<td>仓库名</td>
							<td>产品名称</td>
							<td>款号</td>
							<td>产品大类</td>
							<td>库存数</td>
							<td>库存平均成本</td>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			<p>总库存数：<span>30</span>  已选中：<span>0</span>   库存数：<span>14，662.00</span>  库存额：<span>414.4元</span></p>
		</div>
		<script type="text/javascript">
		    var length = 30;
			var str = "";
			for(var i=0;i<30;i++){
				str +="<tr><td><input type='checkbox' name='' id=''></td><td>销售一部仓库 </td><td>羽绒服 </td><td>yrfu</td><td>上衣</td><td>492</td><td>79.80-99.99</td></tr>"
			}
			$('#pr_table tbody').append(str);
		</script>
	</body>
</html>
